@mixin imgsize() {
	width: 100%;
	height: 100% !important;
}

@mixin margin() {
	margin-left: 25rpx;
	margin-right: 25rpx;
}

@mixin point() {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-break: break-all;
}

@mixin justify() {
	display: -webkit-flex;
	/* Safari */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

@mixin center() {
	display: flex;
	justify-content: center;
	/* 水平居中 */
	align-items: center;
	/* 垂直居中 */
}

@mixin point2() {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	word-break: break-all;
}
.color-999{
	color: #999999 !important;
}
.line88{
	line-height: 88rpx !important;
}

.bgfff{
	background: #fff !important;
	border: 1rpx solid #d0d0d0 !important;
}
.mt-5{
	margin-top: 6rpx;
}
.content{
	width: 100%;
	min-height: 100vh;
	background: #F5F5F5;

.looking-car{
	width: 702rpx;
	margin:88rpx auto ;
	// margin-top: 88rpx;
	padding-top: 5rpx;
	padding-bottom: 50rpx;
	.li{
		width: 100%;
		background: #fff;
		margin: 20rpx 0rpx;
		border-radius: 20rpx;
		padding: 20rpx 16rpx;
		font-size: 26rpx;
		.line{
			display: flex;
			padding: 6rpx 0rpx;
			.name{
				width: 23%;
				color: #999999;
			}
			.con{
				width: 80%;
			}
		}
		.tips{
			width: 20%;
			line-height: 60rpx;
			text-align: right;
		}
	}
	
}}
.choose-group {
	background-color: #fff;
	width: 100%;
	height: 90rpx;
	margin: 0 auto;
	padding: 0 40rpx;
	border-bottom: 2rpx solid #f6f6f6;
	border-radius: 10rpx;
	position:fixed;
	z-index: 9999;
  /* #ifdef H5 */
  top: 88rpx;
  /* #endif */
	/* #ifdef APP-PLUS */
	top:0rpx;
	/* #endif */
	.list-total {
		@include justify;
		padding: 24rpx 0;
	}

	.li {
		text-align: center;

		@include center;

		&.active {
			.name {
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #fbb000;
				@include point;
			}
		}

		.name {
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: rgba(102, 102, 102, 1);
		}

		.icon {
			margin-left: 14rpx;
			@include center;
			width: 20rpx;
			height: 13rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}
	}
}

.top-bar {
	padding: 0 35rpx;
	@include justify;
	width: 702rpx;
	height: 168rpx;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
	border-radius: 10rpx;
	margin: 24rpx auto;

	.li {
		float: left;
		text-align: center;

		.icon {
			width: 79rpx;
			height: 79rpx;
			margin: 24rpx auto 10rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.name {
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
		}
	}
}

.floor {
	position: fixed;
	width: 100rpx;
	right: 0;
	text-align: center;
	top: 50rpx;
	font-size: 26rpx;
	font-family: PingFang SC;
	font-weight: bold;
	color: #fbb000;
	text-align: center;
	display: flex;
	flex-direction: column;
	height: 784rpx;
	justify-content: space-between;

	.list {
		padding: 0 20rpx;
	}
}

.scroller {
	height: 900rpx;
}
